﻿body{ background-color:#FFF;font-size:12px; font-family:Microsoft YaHei;}
.top{ height:127px; background:url('/content/images/topBg.gif') repeat-x; width:100%;}
.logo{ margin-left:180px; background:url('/content/images/loginLogo1.png') no-repeat; width:453px; display:block; height:107px; float:left;}
.logoVocational{ margin-left:180px; background:url('/content/images/loginLogo2.png') no-repeat; width:594px; display:block; height:107px; float:left;}
.logoCollegial{ margin-left:180px; background:url('/content/images/loginLogo3.png') no-repeat; width:542px; display:block; height:107px; float:left;}
.topNav{ overflow:hidden; float:right; margin-right:58px;}
.topNav li{ color:#FFF; float:left; padding-top:72px; margin-right:8px;}
.topNav li a{ color:#FFF;}
.topNav li a:hover{ text-decoration:none;}
.topNav li a img{ margin-right:8px; vertical-align:1px;}
.logCenter{border-bottom:5px solid #78AF10; padding-bottom:20px;}
.logContent{ width:984px; height:461px; margin:0 auto;overflow:hidden; background:url('/content/images/centerBg1.gif') no-repeat;}
.logInputText{ width:252px; height:20px; padding:8px; font-size:14px; line-height:20px; border:1px solid #E3E3E3; background:#FFF; color:#999;}
.logItem{ margin-bottom:14px; clear:both; overflow:hidden;}

        
/*初始状态*/
.userRole{background:#FFF;border: 1px solid #E3E3E3;color: #000; float: left;font-size: 14px;height: 35px;line-height: 35px;
                  margin-right: 34px;text-align: center;width: 65px; cursor:pointer;}
.userRole:hover{border:2px solid #7db621; width:63px; height:33px; background:url('/content/images/select.gif') no-repeat right top #FFF;
                line-height: 33px;}          
/*hover状态*/            
.userRoleHover{ border:2px solid #7db621; width:63px; height:33px; background:url('/content/images/select.gif') no-repeat right top #FFF;
                        color: #5E5D5C; float: left;font-size: 14px;line-height: 33px;margin-right: 34px;text-align: center;cursor:pointer;} 
/*selected状态*/
.userRoleSelected{ background:url('/content/images/selected.gif') no-repeat right top #FFF;border: 1px solid #E3E3E3;color: #5E5D5C; float: left;font-size: 14px;height: 35px;
                    line-height: 35px;margin-right: 34px;text-align: center;width: 65px; cursor:pointer;}
.btnLog{ width:272px; height:42px; background:url('/content/images/btnLog.png') no-repeat; cursor:pointer;}  
.btnLog:hover{ background-position:0 -46px;}        
        
/*其他登录设备*/
.loginDevice{ margin:0 auto;overflow:hidden; clear:both; text-align:center; width:328px;}
.loginDevice li{  float:left;margin:0 15px; text-align:center;}
.loginDevice li a{ display:block;}
.logDeviceIcon{ vertical-align:top; width:51px; height:51px; display:inline-block; background:url('/content/images/logDevice8.png') no-repeat;}
.iphone{ width:51px;background-position:0 -78px; height:66px;}
.iphone:hover{ background-position:0 0;}
.ipad{ width:51px; background-position:-51px -78px; height:66px;}
.ipad:hover{background-position:-51px 0; }
.android{ width:51px;background-position:-102px -78px; height:66px;}
.android:hover{ background-position:-102px 0;}
.winphone{width:52px;height:77px;vertical-align:top;background:url('/content/images/logDevice8.png') no-repeat;background-position:-159px -78px;}
.winphone:hover{ background-position: -159px 0; }

.loginForm{float:right; margin-right:70px; margin-top:100px;}
.loginForm h4{ font-size:22px; font-family:Microsoft YaHei; color:#78af10; height:50px; width:272px; text-align:center;}


.footer{ width:100%; overflow:hidden; margin-top:10px;}
.footer p{ color:#999; font-size:12px;line-height:30px; text-align:center; font-family:Arial;}
.companyName{ color:#f5a136; font-weight:700;}
